@charset "UTF-8";
/* ========== 主体框架 start ========== */
/* ————— 头部 start ————— */
.top{position: absolute;left: 0; top: 0;border-bottom:1px solid rgba(255,255,255,.15);background-color: transparent;height:120px;line-height: 120px;width: 100%;}
/* .top{height: 120px;position: relative;z-index: 200;width: 100%;transition: all 0.5s;-webkit-transition: all 0.5s;box-sizing: border-box;-webkit-box-sizing: border-box;background-color: #fff;} */
.top.show{top: -81px;}
/* logo start */
.logo{padding-top: 25px;float: left;display: inline;height: 120px;}
.logo img{height: 58px !important;position: relative !important;}
/* logo end */
/* 导航列表start */
.top .bg{transition: all 0.5s; width: 100%;height: 0;background:rgba(0, 0, 0, .1);position: absolute;left: 0;top: 100%;z-index: -1;}
.indexBanner .menu dd .yj a{color: #fff;}
.indexBanner .menu dd.hover .yj a,
.indexBanner .menu dd:hover .yj a{font-weight: bold;color: #fff;}
.indexBanner .menu dd.hover .yj a::before,
.indexBanner .menu dd:hover .yj a::before{display: none;}
.menu{display: flex;}
.menu dd{float: left;display: inline;position: relative;padding:0 23px;}
.menu dd .yj{position: relative;z-index: 9;}
.menu dd .yj a{display: block;line-height: 120px;text-align: center;color: #fff;font-size: 16px;}
.menu dd .yj a::before{display: block;content: '';transition:all 500ms;-webkit-transition:all 500ms;transform: scale(0);}
.menu dd.hover .yj a,
.menu dd:hover .yj a{color: #fff;font-weight: bold;}
.menu dd.hover .yj a::before,
.menu dd:hover .yj a::before{width: 100%;height: 2px;background-color: #318377;transform: scale(1);}
.menu dd .ej{position: absolute;top: 100%;left: 0;width: 100%;background: #fff;display: none;padding: 5px 0;z-index: 3;}
.menu dd .ej li{font-size: 15px;text-align: center; position: relative;}
.menu dd .ej li span a{padding: 12px 0;line-height: 25px;display: block;color: #333;margin-bottom:1px}
.menu dd .ej li:hover span a{color: #ffffff;background: #318377;}
.menu dd .ej li.hover span a{color: #ffffff;background: #318377;}
.menu dd .sj{ position: absolute; top: 0; width: 100%; background: #fff; visibility: hidden; opacity: 0; transform: translateY(10px);-webkit-transform: translateY(10px);transition: all 300ms;-webkit-transition: all 300ms;}
.menu dd .sj.left{left: 100%; right: unset;}
.menu dd .sj.right{right: 100%; left:unset;}
.menu dd .sj a{ display: block; padding:12px 0; line-height: 25px; color: #fff;}
.menu dd .sj a:hover{color: #ffffff;background: #318377;}
.menu dd .sj a.hover{color: #ffffff;background: #318377;}
.menu dd .ej li:hover .sj{ visibility: visible; opacity: 1; transform: translateY(0px);-webkit-transform: translateY(0px);}
/* 导航 end */
/* 导航列表end */
/* 搜索 start */
.indexLangage{border: 1px solid #fff;width: 21px;height: 21px;border-radius: 5px;overflow: hidden;margin: 50px 30px 0;line-height: 21px;position: relative;text-align: center;}
.indexLangage a{position: relative;left: 0;top: 0;width: 100%;height: 100%;color: #fff;font-size: 12px;display: block;}
.indexSearch{padding-top: 0;}
.indexSearch .topSearch{display: inline-block;vertical-align: middle;background: url(../images/common/searchH.png) no-repeat center center / contain;width: 16px;height: 16px;cursor: pointer;position: relative;padding-left: 56px;}
.indexSearch .topSearch::before{display: block;content:'';height: 100%;width: 1px;background-color: #fff;position: absolute;right: 0;top: 0;}

.model.show::before {animation: menu-animation .8s ease-out forwards;transform: scale(2) translateY(0);}
.model.show {display: block;}
.model {position: fixed;top: 0;left: 0;z-index: 10600;display: none;width: 100%;height: 100%;overflow: hidden;outline: 0;}
.model span {display: inline-block;width: 50px;height: 50px;line-height: 50px;position: absolute;top: 30px;right: 30px;cursor: pointer;font-size:55px;text-align: center;overflow: hidden;color: #fff;z-index: 10;}
.model::before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;background-color: rgba(0, 0, 0, .87);width: 100%;height: 0;padding-bottom: 100%;border-radius: 100%;transform: scale(.04) translateY(9999px);overflow: hidden;z-index: 9;}
.searchPWBox {width: 600px;height: 60px;overflow: hidden;border-radius: 5px;position: absolute;top: 50%;left: 50%;z-index: 9;margin: -30px 0 0 -300px;transition: all 0.4s linear;-webkit-transition: all 0.4s linear;;}
.searchPWBox input {display: block;float: left;width: 530px;height: 60px;background: none;border: none;line-height: 60px;color: #333;font-size: 16px;padding-left: 10px;background: #fff;}
.searchPWBox input::placeholder {color: #999;font-size: 16px;}
.searchPWBox input::-webkit-placeholder {color: #999;font-size: 16px;}
.searchPWBox a {float: left;display: inline;width: 60px;height: 60px;background: #00804e url(../images/common/searchH.png) no-repeat center center;background-size: 19px 20px;color: #fff;font-size: 30px;text-align: center;line-height: 60px;}
.searchPWBox a:hover {opacity: 0.9;}
@keyframes menu-animation {

	0% {
		opacity: 0;
		transform: scale(.04) translateY(300%)
	}

	40% {
		transform: scale(.04) translateY(0);
		transition: ease-out
	}

	40% {
		transform: scale(.04) translateY(0)
	}

	60% {
		opacity: 1;
		transform: scale(.02) translateY(0)
	}

	61% {
		opacity: 1;
		transform: scale(.04) translateY(0)
	}

	99.9% {
		opacity: 1;
		height: 0;
		padding-bottom: 100%;
		border-radius: 100%
	}

	100% {
		opacity: 1;
		transform: scale(2) translateY(0);
		height: 100%;
		padding-bottom: 0;
		border-radius: 0
	}
}
/* 搜索 end */
/* 导航 start */
/* 导航 end */
/* ————— 头部 end   ————— */
/* ————— indexBanner start ————— */
.indexBanner{position: relative;height: 100%;}
.indexBannerLoad{position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); transition: all 1.3s;-webkit-transition: all 1.3s;}
.indexBannerLoad svg{-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;width: 100px;height: 100px;fill: #d71718;}
.indexBannerLoad.hide{ visibility: hidden; opacity: 0;}
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg);transform:rotate(-360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }
.indexBanner .bd{height: 100%; overflow: hidden; position: absolute; width: 100%; left: 0; top: 0;}
.indexBanner .bd .slick-list,.indexBanner .bd .slick-track{height: 100%;}
.indexBanner.delay .bd .slick-track{ transition-delay: 1.3s !important;-webkit-transition-delay: 1.3s !important;}
.indexBanner .mySlide{height: 100%;position: relative;overflow: hidden;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.indexBanner .mySlide a{display: block;height: 100%;width: 100%;}
.indexBanner .slick-dots{position: absolute;left:50%;bottom: 80px;z-index: 5;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.indexBanner .slick-dots li{float: left;display: inline;width: 12px;height: 12px;border-radius: 100%;margin-right: 12px;transition:all 500ms;-webkit-transition:all 500ms;position: relative;border: 1px solid #fff;box-sizing: border-box;-webkit-box-sizing: border-box;}
.indexBanner .slick-dots li span {position: absolute;height: 0;width: 100%;background: #00804e    ;left: 0;bottom: 0;border-radius: 5px;}
.indexBanner .slick-dots li.slick-active{background-color: #fff;}
/* .indexBanner .slick-dots li.slick-active span {animation: progress 3.5s linear;-webkit-animation: progress 3.5s linear;} */
.indexBanner .mySlide .text{position: absolute; left: 50%; top:50%; width: 1200px; transform: translate(-50%,-50%); color: #FFF;display: none;}
.indexBanner .mySlide .text .text1{ font-size: 25px; margin-bottom: 30px;}
.indexBanner .mySlide .text .text2{ font-size: 0px;}
.indexBanner .mySlide .text .text2 span{font-size: 70px;font-family: "宋体";font-weight: bold;letter-spacing: 3px;float: left;}
.indexBanner .mySlide.slick-active .text{display: block;}
.indexBanner .img{ width: 1200px;position: absolute;left: 50%; top:50%;transform: translate(-50%,-50%); font-size: 0;text-align: center;}
.indexBanner .img1{margin-bottom: 20px;padding-top: 20px;}
.indexBanner .img2{margin-left: 110px;}
.indexBanner .img img{overflow: hidden; display: inline-block;opacity: 0;}
.indexBanner .img img.show{visibility: visible;opacity: 1;}
.indexBanner .bd .mySlide .bg{height: 100%;width:100%;object-fit: cover;transition: all 1.5s 0s ease-in-out;transform: scale(1);-webkit-transform: scale(1);}
/* ————— indexBanner end ————— */
/* ————— 底部 start ————— */
/* 底部内容start   */
.footer{background:url(../images/footerBg.jpg) no-repeat center center / cover;position: relative;}
.footerCon .conT{padding: 55px 0 32px;margin-bottom:68px;overflow: hidden;}
.conTLeft {width:66.6667%;margin-right: 45px;}
.footerMenu{overflow: hidden;}
.footerMenu dd{float: left; display: inline; margin-right:65px;}
.footerMenu dd:last-child{margin-right: 0;}
.footerMenu dd em{font-style: normal;display: block;line-height: 30px;height: 30px;overflow: hidden;background: url("../images/footerJT.png") no-repeat right center;margin-bottom: 7px;}
.footerMenu dd em a{font-size: 18px;color: #c7c7c7;display: block;}
.footerMenu dd em a:hover{ color:#318377;}
.footerMenu dd span{font-style: normal;display: block;height: 35px;line-height: 35px;overflow: hidden;}
.footerMenu dd span a{font-size: 15px;color: #999999;}
.footerMenu dd span a:hover{ color:#318377;}
.footerCon .conT .conTRight{overflow: hidden;padding: 0 30px;}
.conTRight .item{line-height: 33px;font-size: 15px;color: #666;}

.conTRight .item .text{overflow: hidden;}
.conB{border-bottom: 1px solid #3c3c3c;}
.footerList::after{clear: both;content: '';display: block;visibility: hidden;}
.conTEwm .ewm{display: inline-block;}
.conTEwm .ewm span{display: inline-block;width: 80px;height: 80px;padding: 6px;background-color: #fff;border-radius: 8px;}
.conTEwm .ewm img{width: 100%;height: 100%;object-fit: contain;}
.conTEwm .text{font-size: 15px;color: #fff;height: 55px;line-height: 55px;text-align: center;}
.footer .goTop{background:url(../images/goTop.png) no-repeat center center;width: 50px;height: 50px;background-color: #318377;border-radius:100%;position: absolute;right: 75px;top: 53px;cursor: pointer;}

/* 底部内容end   */
/* 友情链接start */
.friendLink{ overflow: hidden; margin-right: -40px;}
.friendLink .title{height: 70px; line-height: 70px; padding-left: 48px; color: #808080; font-size: 14px; background: url(../images/footerIcn1.png) no-repeat left center; margin-right: 70px;float: left; display: inline;font-size:14px;}
.friendLink .list{ overflow: hidden; padding: 20px 0; line-height: 30px; font-size: 0;}
.friendLink .list a{ display: inline-block; color: #999999; font-size: 15px; margin-right: 40px;}
.friendLink .list a:hover{ color: #318377;}
/* 友情链接end   */
/* 底部版权start   */
.friendCopy{overflow: hidden; border-top: 1px solid #3c3c3c;}
.friendCopy .bottomCon{height: 80px;line-height: 80px;font-size: 15px; color: #cccccc;}
.friendCopy .bottomCon span,.friendCopy .bottomCon a{display: inline-block;font-size: 15px; color: #cccccc;padding:0 10px;}
.friendCopy .bottomCon span,.friendCopy .bottomCon a img{margin-right: 10px;}
.friendCopy .bottomCon a:hover{color: #318377;}
/* 底部版权end   */
/* ————— 底部 end   ————— */
/* ========== 主体框架 end ========== */

/* ========== 内层框架 start ========== */
/* ————— subBanner start ————— */
.subBanner{position: relative;overflow: hidden;width: 100%;}
.subBanner:before{display: block;content: '';padding-top: 36.4583%;}
.subBanner img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover; object-position: center center;transform: scale(1.1);-webkit-transform: scale(1.1);transition: all 3s ease;-webkit-transition: all 3s ease;}
.subBanner.on  img{transform: scale(1);-webkit-transform: scale(1);}
.subBanner .text{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.subBanner .wrap{height: 100%;}
.subBanner .textC{position: relative;text-align: center;}
.subBanner .textC .cnTitle{font-size: 30px;color: #ffffff;line-height: 30px;font-weight: bold;text-shadow: 0px 0px 5px rgb(0 0 0 / 0.1); margin-bottom: 10px;}
.subBanner .textC .enTitle{font-size: 14px;color: rgb(255 255 255 / .78);line-height: 30px;text-transform: uppercase;text-shadow: 0px 0px 5px rgb(0 0 0 / 0.1);}
/* ————— subBanner end ————— */
/* ————— 当前位置 start ————— */
.locationBox{clear:both;width: 100%;height:80px;background: #fff;box-shadow:-9px 1px 5px 1px rgba(0,0,0,.03);position: relative;z-index: 5;}
.location{height: 80px;overflow: hidden;padding-left: 33px;position: relative;}
.location a.home{ position: absolute; left: 0; top: 0; width: 33px; height: 100%;background-position: left center;background-repeat: no-repeat;background-image: url(../images/common/home.png); padding-left: 0; margin-right: 0;}
.location a{display: inline;float: left;height: 80px;line-height: 80px;padding-left: 15px;margin-right: 10px;background-position: left center;background-repeat: no-repeat;background-image: url(../images/common/icon8.png);color: #898989;font-size: 15px;}
.location a:hover{color:#318377}
.location a.hover{color:#318377}
.subNavBox{margin-right:-15px; position: relative;}
.subNav::after{ display: block; content: ''; clear: both; visibility: hidden;}
.subNav a{display: inline;float: left;line-height: 80px;height:80px;color: #898989;font-size: 15px;padding:0 31px;}
.subNav a.hover{color: #318377}
.subNav a:hover{color: #318377}
/* ————— 当前位置 end ————— */
/* ————— 三级栏目 start ————— */
.sjMenu{ text-align: center; font-size: 0;}
.sjMenu a{ display: inline-block; height: 30px; line-height: 30px; padding:0 30px; color: #333; border: 1px solid #fff; border-radius: 32px; font-size: 14px; margin: 0 5px; background: #FFF;}
.sjMenu a:hover{ background: #318377; color: #FFF; border-color: #318377;}
.sjMenu a.hover{ background: #318377; color: #FFF; border-color: #318377;}
/* ————— 三级栏目 end ————— */
/* ————— 页码 start ————— */
.page{text-align: center;clear: both;font-size: 14px;}
.page a{display: inline-block;overflow: hidden;padding:6px 12px;color:#999999;border-radius:3px;background: #fff; margin: 0 3px;background-color: #fafafa;border: 1px solid #ddd;box-sizing: border-box;}
.page span{display: inline-block; padding: 6px 2px; position: relative; top: -15px;}
.page a:hover{background: #318377;color: #fff;}
.page a.hover{background: #318377;color: #fff;}
.page input{display: inline-block;vertical-align: middle;height: 22px;border: 1px solid #e6e6e6;position: relative; top: -2px;}
.page input.pageDetail{width: 30px; height: 30px; text-align: center; border-radius: 3px; color: #999999; position: relative; top: -13px;}
.page label{color:#999999;position: relative;top: -11px;}
.page input.page_bnt{border: none; width: 30px; height: 25px; cursor: pointer; background: none; color: #999999; position: relative; top: -13px;}
.page a div{width: 11px;height: 19px;background-position: center center;background-repeat: no-repeat;}
.page a.firstPage div{background-image: url(../images/common/page/firstPage.png)}
.page a.prevPage div{background-image: url(../images/common/page/prevPage.png)}
.page a.nextPage div{background-image: url(../images/common/page/nextPage.png)}
.page a.lastPage div{background-image: url(../images/common/page/lastPage.png)}
.page a.firstPage:hover div{background-image: url(../images/common/page/firstPageh.png)}
.page a.prevPage:hover div{background-image: url(../images/common/page/prevPageh.png)}
.page a.nextPage:hover div{background-image: url(../images/common/page/nextPageh.png)}
.page a.lastPage:hover div{background-image: url(../images/common/page/lastPageh.png)}
/* .page a.firstPage.disabled{background:#E2E2E2;}
.page a.prevPage.disabled{background:#E2E2E2;}
.page a.nextPage.disabled{background:#E2E2E2;}
.page a.lastPage.disabled{background:#E2E2E2;} */
.page a.firstPage.disabled div{background-image: url(../images/common/page/firstPage.png)}
.page a.prevPage.disabled div{background-image: url(../images/common/page/prevPage.png)}
.page a.nextPage.disabled div{background-image: url(../images/common/page/nextPage.png)}
.page a.lastPage.disabled div{background-image: url(../images/common/page/lastPage.png)}
/* ————— 页码 end ————— */
/* ————— 弹窗 start ————— */
.aykj-recruitTc .layui-layer-btn{ text-align: center;}
.aykj-recruitTc .layui-layer-btn a{ height: 38px; line-height: 38px; padding: 0 40px; font-size: 14px;}
.aykj-recruitTc .layui-layer-btn .layui-layer-btn0{background: #318377; color: #FFF; border-color: #318377;}
.aykj-recruitTc .layui-layer-btn .layui-layer-btn1{background: #ddd; color: #8b8b8b; border-color: #ddd;}

.aykj-alert .layui-layer-btn .layui-layer-btn0{background: #318377; border-color: #318377;}
/* ————— 弹窗 end ————— */
/* ========== 内层框架 end ========== */

/* ========== 首页 start ========== */
/* ————— 公共部分 start ————— */
.indexTitle .cntitle{font-size:28px ;color: #333;height:50px;line-height:50px;font-weight: bold;position: relative;padding-left: 25px;}
.indexTitle .cntitle::before{display: block;content: '';background: url(../images/indexTitleBg.png) no-repeat left top / contain;width: 35px;height: 35px;position: absolute;left: 0;top: 0;}
.indexTitle .entitle{font-size:32px ;color: #bad8d4;height:50px;line-height:50px;}

.indexMore a{ border:1px solid #d0d0d0;position:relative; color: #666; overflow: hidden; -webkit-transition: all .6s;transition: all .6s;display: inline-block;padding:0 32px ;height: 50px;line-height: 50px;border-radius: 30px;background-color: #318377;}
.indexMore span{display: inline-block;font-size: 18px;color: #fff;text-align: center; position:relative; z-index:1;}
.indexMore i{display: inline-block;vertical-align: middle;background: url(../images/indexMoreIcn1.png) no-repeat center center;width: 20px;height: 5px;margin-left: 10px;position: relative;z-index: 3;margin-top: -7px;}

.indexMore .bgsqr1{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg); transform: rotate(360deg);border-style: solid;border-width: 0; border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent; border-left-color:#318377;position: absolute;bottom: 0;left: 0; -webkit-transition: all 0.6s; transition: all 0.6s;}
.indexMore .bgsqr2{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);transform: rotate(360deg);border-style: solid;border-width: 0; border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-top-color:#318377; position: absolute;top: 0; left: 0;-webkit-transition: all 0.6s; transition: all 0.6s;}
.indexMore .bgsqr3{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);transform: rotate(360deg);border-style: solid;border-width: 0; border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;border-right-color:#318377; position: absolute;top: 0; right: 0;-webkit-transition: all 0.6s; transition: all 0.6s;}
.indexMore .bgsqr4{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);transform: rotate(360deg);border-style: solid;border-width: 0; border-left-color:transparent;border-right-color:transparent;border-top-color:transparent; border-bottom-color:#318377;position: absolute;bottom: 0; right: 0;-webkit-transition: all 0.6s; transition: all 0.6s;}
.indexMore a:hover{border-color:#318377;}
.indexMore a:hover span{ color:#fff; }
.indexMore a:hover i{background-image: url(../images/indexMoreIcn1.png) ;}
.indexMore a:hover .bgsqr1{ border-width:200px 0 0 200px;}
.indexMore a:hover .bgsqr2{ border-width:200px 200px 0 0;}
.indexMore a:hover .bgsqr3{ border-width:0 200px 200px 0;}
.indexMore a:hover .bgsqr4{ border-width:0 0 200px 200px;}
/* ————— 公共部分 end ————— */
/* ————— 第1通栏 start ————— */
.section2{overflow: hidden;}
.column1{background-position: center center;background-repeat: no-repeat;background-size:cover;height: 100%;overflow: hidden;}
.column1 .bg{background-position: center center;background-repeat: no-repeat;background-size:cover;width: 51vw;height: 100vh;position: absolute;right: 0;top: 0;clip-path: ellipse(0 0 at 51vw 0);transition: all 800ms linear;-webkit-transition: all 800ms linear;z-index: 1;}
.column1 .bgMask{clip-path: ellipse(0 0 at 51vw 0);width: 52vw;height: 100vh;display: block;position: absolute;right: 0;top: 0;background-color: #318377;z-index: 0;transition: all 800ms linear;-webkit-transition: all 800ms linear;}
.column1 .bgMask.active{clip-path: ellipse(51vw 100vh at 51vw 35vh);}
.column1 .bg.active {clip-path: ellipse(51vw 100vh at 51vw 35vh);}
.column1Con{width:41.9872%;}
.column1 .indexTitle{margin-bottom: 53px;}
.column1 .text{height: 81px;line-height: 27px;font-size: 15px;color: #666666;margin-bottom: 110px;}
.column1List{margin-bottom: 105px;}
.column1List dd{float: left;display: inline;}
.column1List dd:nth-child(1){margin-right: 110px;}
.column1List dd:nth-child(2){margin-right: 105px;}
.column1List dd .ddText{font-size: 15px;color: #999;height:42px;line-height:42px;}
.column1List dd em{display: block; font-size: 42px;color: #318377;height:60px;line-height:60px;font-style: normal;font-family:'DINProBold';}
@keyframes borderRanime{
	0%{
		border-radius: 43% 0 0 55%;
	}
	25% {
        border-radius: 50% 0 0 55%;
    }

    50% {
        border-radius: 60% 0 0 60%;
    }

    75% {
        border-radius: 55% 0 0 50%;
    }
	100%{
		border-radius: 43% 0 0 55%;
	}
}
/* ————— 第1通栏 end ————— */
/* ————— 第2通栏 start ————— */
.section3{overflow: hidden;}
.column2{background-position: center center;background-repeat: no-repeat;background-size:cover;height: 100%;overflow: hidden;}
.column2Con{width:42.3077%;}
.column2Con .indexTitle{margin-bottom: 62px;}
.column2Con .indexTitle .cntitle{color: #fff;}
.column2Con .indexTitle .entitle{color: rgba(255,255,255,.5);}
.column2Con .text{font-size: 15px;color: #fff;height: 54px;line-height: 27px;margin-bottom: 148px;}
.column2Con .indexMore {margin-bottom: 227px;}
.column2Con .indexMore a{background-color: #fff;}
.column2Con .indexMore span{color: #666;}
.column2Con .indexMore i{background-image:url(../images/indexMoreIcn2.png);}
.column2List {border-radius: 8px;overflow: hidden;}
.column2List dd,.column2List dt{float: left;display: inline;padding:20px 40px;background-color: #fff;border: 1px solid #318377;box-sizing: border-box;width: 25%;overflow: hidden;transition: all 500ms;-webkit-transition: all 500ms;position: relative;}
.column2List dd .html{display: none;}
.column2List dd .bg,.column2List dt .bg{background-color: #318377;position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity:0;transform: translateY(-100%);-webkit-transform: translateY(-100%);transition: all 500ms;-webkit-transition: all 500ms;z-index: 0;}
.column2List dd a,.column2List dt a{display: block;position: relative;z-index: 2;}
.column2List dd .text,.column2List dt .text{overflow: hidden;}
.column2List dd .cntext,.column2List dt .cntext{height: 43px;line-height: 43px;font-size: 24px;color: #333;}
.column2List dd .entext,.column2List dt .entext{height: 35px;line-height: 35px;font-size: 15px;color: #999;}
.column2List dd .emC,.column2List dt .emC{position: relative;width: 78px;height: 78px;border-radius: 100%;background-color: #bad8d4;transition: all 500ms;-webkit-transition: all 500ms;}
.column2List dd em,.column2List dt em{display: block;background-position: center center;background-repeat:no-repeat;background-size:45px 45px;width: 70px;height: 70px;border-radius: 100%;background-color: #318377;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transition: all 500ms;-webkit-transition: all 500ms;}
.column2List dd .em2,.column2List dt .em2{display: none;}
.column2List dd.hover .bg{transform: translateY(0);-webkit-transform: translateY(0);opacity:1;}
.column2List dd.hover .cntext{color: #fff;}
.column2List dd.hover .entext{color: #fff;}
.column2List dd.hover .emC{background-color: rgba(255,255,255,.5);}
.column2List dd.hover em{background-color: rgba(255,255,255,1);}
.column2List dd.hover .em1{display: none;}
.column2List dd.hover .em2{display: block;}
/* ————— 第2通栏 end ————— */
/* ————— 第3通栏 start ————— */
.section4{overflow: hidden;}
.column3{background-position: center center;background-repeat: no-repeat;background-size:cover;height: 100%;overflow: hidden;}
.column3Top {margin-bottom: 30px;}
.column3Top .indexTitle{overflow: hidden;}
.column3Top .indexMore a{margin-bottom: 0; background-color: #fff;border: 1px solid #efefef;}
.column3Top .indexMore span{color: #666;}
.column3Top .indexMore i{background-image:url(../images/indexMoreIcn2.png);}
.column3List{height: 40px;line-height: 40px;margin-bottom: 72px;}
.column3List dd{font-size:18px;color: #8c8c8c;float: left;display: inline;padding-right: 30px;margin-right: 30px;position: relative;cursor: pointer;}
.column3List dd::before{display: block;content:'';width: 1px;height: 20px;background-color: #e5e5e5;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.column3List dd.hover{color: #318377;}

.column3Box{overflow: hidden;}
.column3Box .left{width:46.1538%;margin-right:45px;}
.column3Box .left a{position: relative;display: block;width: 100%;height: 100%;border-radius: 8px;overflow: hidden;}
.column3Box .left .pic::before{padding-top:68.0556%;}
.column3Box .left .con{position: absolute;padding: 0 40px 25px;left: 0;bottom: 0;background-image: linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.1));width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;}
.column3Box .left .con::before{display: block;content: '';background:url(../images/indexMoreIcn1.png) no-repeat right center / contain;width: 20px;height: 10px;position: absolute;right: 40px;top: 40px;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.column3Box .left .time{font-size: 15px;height: 32px;line-height: 32px;color: #fff;}
.column3Box .left .text{font-size: 18px;height: 37px;line-height: 37px;color: #fff;}
.column3Box .column3BoxList{overflow: hidden;}
.column3BoxList {margin-right:-42px;}
.column3BoxList dd{float: left;display: inline;width: 50%;}
.column3BoxList dd a{display: block;margin-right:42px;background-color: #fff;border-radius: 8px;overflow: hidden;box-shadow:1px 5px 10px rgba(0,0,0,.1);padding:50px 25px 38px 30px;box-sizing: border-box;}
.column3BoxList dd .time{font-size: 15px;color: #999;height:30px;line-height:30px;margin-bottom: 5px;}
.column3BoxList dd .text{font-size: 18px;color: #333;height:56px;line-height:28px;margin-bottom: 40px;}
.column3BoxList dd .pic{margin-bottom: 20px;border-radius: 8px;}
.column3BoxList dd .pic::before{padding-top:66.7702%;}
.column3BoxList dd .more{height: 35px;line-height: 35px;}
.column3BoxList dd .more span{display: block;font-size: 15px;color: #999;overflow: hidden;}
.column3BoxList dd .more i{background: url(../images/indexMoreIcn2.png) no-repeat center center / contain;width: 15px;height: 5px;padding-top: 20px;}
.column3BoxList dd:hover .more span{color: #318377;}
.column3BoxList dd:hover .more i{background-image: url(../images/indexMoreIcn3.png);}
#fp-nav ul li a span, .fp-slidesNav ul li a span{background-color:#fff !important;}
#fp-nav ul.green li span{background-color: #a6d2c4 !important;}
#fp-nav ul.green li a.active span{background-color: #469d85 !important;}
/* ————— 第3通栏 end ————— */
/* ========== 首页 end ========== */
/* ========== 频道页 start ========== */
/*公司概况 start*/
.companyProC1{background-position: center center;background-repeat: no-repeat;background-size: cover;padding:120px 0 140px;}
.companyProC1 .companyProC1L{width:48.7179%;margin-right:80px;}
.companyProC1 .indexTitle{margin-bottom:40px;}
.companyProC1 .text{font-size: 15px;color: #666;height: 108px;line-height: 27px;margin-bottom: 70px;}
.companyProC1 .column1List{margin-bottom: 65px;}
.companyProC1 .companyProC1R{overflow: hidden;}
.companyProC1 .companyProC1R .picC{position: relative;}
.companyProC1 .companyProC1R .pic{overflow: hidden;}
.companyProC1 .companyProC1R .pic::before{padding-top:68.0556%;}
.companyProC1 .companyProC1R em{display: block;width: 62px;height: 62px;background: rgba(0,0,0,.3) url(../images/videoIcn1.png) no-repeat center center;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);cursor: pointer;}

.companyProC2{background-position: center center;background-repeat: no-repeat;background-size: cover;padding:120px 0 ;position: relative;height: 535px;}
.companyProC2 .bg{background:url(../images/companyProC2Line.png) no-repeat center center / contain;width: 100%;position: absolute;left: 0;top: 50%;height: 230px;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.companyProC2 .cntitle{color: #fff;}
.companyProC2 .entitle{color: #fff;}
.companyProC2Scroll{overflow: hidden;position: relative;}
.companyProC2Scroll .bd{height:100%;position: relative;}     
.companyProC2Scroll .bd .myslide,.companyProC2Scroll .bd .slick-list,.companyProC2Scroll .bd .slick-track{height: 100%;}
.companyProC2Scroll .bd .slideCon{height: 250px;position: relative;top: 0;cursor: pointer;}
.companyProC2Scroll .bd .slide1 .con{top: 2% !important;left: 20%;}
.companyProC2Scroll .bd .slide2 .con{top: 44% !important;left: 45%;}
.companyProC2Scroll .bd .slide3 .con{top: 69% !important;left: 65%;}
.companyProC2Scroll .bd .slide4 .con{top: 49% !important;left: 80%;}
.companyProC2Scroll .bd .myslide .con{width: 50px;height: 50px;position: absolute;transition: 1s ease;-webkit-transition: 1s ease;top: 10%;border: 1px solid #fff;border-radius: 100%;}
.companyProC2Scroll .bd .myslide .con::before{display: block;content:'';width: 18px;height: 18px;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); background-color: #fff;}
.companyProC2Scroll .bd .myslide em{opacity:0;visibility: hidden;}
.companyProC2Scroll .bd .myslide.slick-current .con,
.companyProC2Scroll .bd .myslide.active .con
{background-color:#bad8d4;border: none;}
.companyProC2Scroll .bd .myslide.slick-current .con::before,
.companyProC2Scroll .bd .myslide.active .con::before
{width: 40px;height: 40px;background-color:#318377;}
.companyProC2Scroll .bd .myslide.slick-current em,
.companyProC2Scroll .bd .myslide.active em
{opacity:1;visibility: visible;}
.companyProC2Scroll .bd em{display: block;background-position: center center;background-repeat: no-repeat;background-size: contain;width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;position: absolute;transform: translate(-50%,-50%);}
.companyProC2Scroll .html{display: none;}
.companyProC2Scroll .text {width:49.0385%;}
.companyProC2Scroll .text .title{font-size:18px ;color: #fff;height:57px;line-height:57px;font-weight: bold;margin-bottom: 17px;}
.companyProC2Scroll .text .textC{font-size: 15px;color: #fff;height:81px;line-height:27px;}
.companyProC2Scroll .prev{width: 50px;height: 50px;border-radius: 100%;background: #fff url(../images/prev.png) no-repeat center center / 10px 15px;position: absolute;right: 5%;bottom:-35%;z-index: 5;cursor: pointer;}
.companyProC2Scroll .next{width: 50px;height: 50px;border-radius: 100%;background: #fff url(../images/next.png) no-repeat center center / 10px 15px;position: absolute;right: 0;bottom: -35%;z-index: 5;cursor: pointer;}
.companyProC2Scroll .prev:hover{background-color: #318377;background-image: url(../images/prev-h.png);}
.companyProC2Scroll .next:hover{background-color: #318377;background-image: url(../images/next-h.png);}


.companyProC3{background-position: center center;background-repeat: no-repeat;background-size: cover;padding:120px 0 117px;}
.companyProC3 .column3Top{margin-bottom: 50px;}
.companyProC3List{margin-right:-40px;box-shadow: -13px 5px 10px 5px #e7e9e9;}
.companyProC3List dd{float: left;display: inline;width: 33.3333%;}
.companyProC3List dd a{margin-right:40px;padding:30px 30px 0;background-color: #fff;border-radius: 5px;display: block;overflow: hidden;}
.companyProC3List dd:last-child a{margin-right: 0;}
.companyProC3List dd .pic{margin-bottom: 5px;}
.companyProC3List dd .pic::before{padding-top:66.2818%;}
.companyProC3List dd .pic img{object-fit: contain;}
.companyProC3List dd .text{font-size: 18px;color: #333333;height:57px;line-height:57px;text-align: center;}

.companyProC4{background-position: center center;background-repeat: no-repeat;background-size: cover;padding:43px 0;background-attachment: fixed;}
.companyProC4Con{height: 690px;text-align: center;width: 675px;margin: 0 auto;position: relative;padding: 80px;box-sizing: border-box;-webkit-box-sizing: border-box;background: url(../images/yunaLine2.png) no-repeat center center / 80% 80%;}
.companyProC4Con::before{display: block;content:'';background: url(../images/yuanLine.png) no-repeat center center / contain;position: absolute;left:0;top: 0;width: 100%;height: 100%;animation: yuanAnime 10s linear infinite;}
.companyProC4Con::after{display: block;content:'';background: url(../images/yuanLine.png) no-repeat center center / contain;position: absolute;left: 50%;top: 50%;width: 93%;height: 93%;animation: yuanAnime 12s linear infinite;margin-left: -46%;margin-top: -47%;}
.companyProC4Box {position: relative;z-index: 5;}
.companyProC4Box .cntitle{font-size: 28px;color: #fff;height:55px;line-height:55px;}
.companyProC4Box .entitle{font-size:32px ;color: #fff;height:53px;line-height:53px;margin-bottom: 40px;}
.companyProC4Box .text{font-size: 18px;color: #fff;height:105px;line-height:35px;margin-bottom: 72px;}
.companyProC4Box .indexMore a{position: relative;z-index: 10;background-color: #fff;}
.companyProC4Box .indexMore span{color: #999999;}
.companyProC4Box .indexMore i{background-image: url(../images/indexMoreIcn2.png);}
@keyframes yuanAnime{
	0%{
		transform: rotate(0);
	}
	50%{
		transform: rotate(180deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
/*公司概况 end*/
/* ========== 频道页 end ========== */